*{
	margin:0;
	padding:0;
}
html,body{
	width:100%;
	height:100%;
}
i{
	font-style:normal;
}
.clearfix{
	clear: both;
}
.sound-bg{
	width:100%;
	height:100%;
	background:url(../img/bj.png) center no-repeat;
	background-size:100% 100%;
}
.sound-bg .sound-con{
	width:82%;
	height:45%;
	position: absolute;
	top:38%;
	left:50%;
	margin-left:-41%;
}
.skip-home{
	width:32px;
	height:32px;
	position: absolute;
	top:13px;
	right:13px;	
}
.skip-home img{
	display:block;
	width:100%;
}
.disk-con{
	width:50%;
	margin:0 auto;
	position:relative;
}
.disk-con .pointer{
	width:90%;
	position: absolute;
	bottom:10%;
	right:-23%;
}
.disk-con .disk{
	width:width:100%;
}
.disk-con .disk img{
	display:block;
	width:100%;
}
.oper-btn{
	width:55%;
	margin:0 auto;
}
.oper-btn div{
	width:22%;
	margin-top:5%;
}
.oper-btn div:nth-child(1){
	float:left;
}
.oper-btn div:nth-child(2){
	float:left;
	margin-left:18%;
}
.oper-btn div:nth-child(3){
	float:right;
}
.oper-btn .clearfix{
	width:0;
	clear:both;
}
.oper-btn div img{
	display:block;
	width:100%;
}
.s-input{
	width:70%;
	height:38px;
	background:url(../img/shurukuang.png) center no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-top: 5%;
}
.s-input input{
	width:100%;
	background:transparent;
	border:none;
	outline:none;
	text-align: center;
	line-height:38px;
	color:#FFFFFF;
}
.s-input input::input-placeholder{color:  #FFFFFF ;} /* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别 */
				::-webkit-input-placeholder { /* WebKit browsers */ 
				color: #FFFFFF; 
				} 
				:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
				color: #FFFFFF; 
				} 
				::-moz-placeholder { /* Mozilla Firefox 19+ */ 
				color: #FFFFFF; 
				} 
				:-ms-input-placeholder { /* Internet Explorer 10+ */ 
				color: #FFFFFF; 
				} 

.sound-btn{
	width:90%;
	height:32px;
	position: absolute;
	bottom:-3%;
	left:50%;
	margin-left:-45%;
}
.sound-btn div{
	width:45%;
	float:left;
}
.sound-btn div:nth-child(2){
	margin-left:10%;
}
.sound-btn div img{
	width:100%;
}

@media only screen and (width:320px) {
	.disk-con{
		width:40%;
		margin-top:-3%;
	}
	.oper-btn div{
		margin-top:5%;
	}
	.s-input{
		margin-top:2%;
	}	
}

/*游戏规则*/
.game-rule{
	width:100%;
	height:100%;
	background:url(../img/bj.png) center no-repeat;
	background-size:100% 100%;
	position: absolute;
	top:0;
	left:0;
	display:none;
}
.game-rule .game-con{
	width:82%;
	height:45%;
	background:(0,0,0,0.7);
	position: absolute;
	top:38%;
	left:50%;
	margin-left:-41%;
	z-index:2;
}
.game-rule .game-con p{
	width:88%;
	font-size:12px;
	margin:0 auto;
	line-height:18px;
	color:#42290b;
	border-bottom:1px dotted #42290b;
	padding-bottom:2%;
	margin-bottom:2%;
}
.game-rule .game-con p:last-child{
	border-bottom:none;
}
.game-rule .game-con p span{
	display:inline-block;
	width:15px;
	height:15px;
	border-radius:15px;
	background:#ff546d;
	text-align:center;
	line-height:15px;
	margin-right:2%;
}
.game-rule .game-con p i{
	border-bottom:3px double #42290b;
}
@media only screen and (width:320px) {
	.game-rule .game-con{
	    width:82%;
		height:52%;
		background:#FFFFFF;
		border-radius:0px 0 5px 5px;
		margin-left:-42%;
		border:2px solid #fac04d;
		border-top:none;
	}
	.game-rule .game-con .game-inner{
		width:100%;
		height:100%;
		box-shadow:0px 0px 2px #b5a588 inset,
				   -300px 0 0 #FFFFFF outset,
				   0px 0px 2px #b5a588 inset,
				   0px 0px 2px #b5a588 inset;
	    border-radius:0px 0 5px 5px;
	}
	.game-rule .game-con p{
		width:90%;
		line-height:16px;
		padding-bottom:0;
		margin-bottom:0;
	}
}

/*奖品领完页面*/
.prize-off{
	width:100%;
	height:100%;
	background:url(http://s10.realdtech.com/xws/house-richer/sound-game/img/bj.png) center no-repeat;
	background-size:100% 100%;
	position: absolute;
	top:0;
	left:0;
	display:none;
}
.prize-off .off-con{
	width:82%;
	height:45%;
	position: absolute;
	top:38%;
	left:50%;
	margin-left:-41%;
	z-index:2;
}
.prize-off .off-con img{
	display: block;
	width:80%;
	margin:0 auto;
}
.prize-off .off-con p{
	width:88%;
	font-size:12px;
	margin:0 auto;
	line-height:18px;
	color:#400a00;
	text-align: center;
}
@media only screen and (width:320px ) {
	.prize-off .off-con img{
		width:70%;
	}
	.prize-off .off-con p{
		width:88%;
		font-size:12px;
		margin:0 auto;
		line-height:14px;
		color:#400a00;
		text-align: center;
	}
}

/*未中奖*/
.sound-noprize{
	width:100%;
	height:100%;
	background:url(http://s10.realdtech.com/xws/house-richer/sound-game/img/bj.png) center no-repeat;
	background-size:100% 100%;
	position: absolute;
	top:0;
	left:0;
	display:none;
}
.sound-noprize .no-prizecon{
	width:82%;
	height:45%;
	background:(0,0,0,0.7);
	position: absolute;
	top:38%;
	left:50%;
	margin-left:-41%;
	z-index:2;
	display: none;
}
.sound-noprize .no-prizecon img{
	display:block;
	width:40%;
	margin:0 auto;
}
.sound-noprize .no-prizecon .noprize-word{
	margin-top:5%;
	display: none;
}
.sound-noprize .no-prizecon p{
	font-size:12px;
	text-align:center;
	line-height:18px;
	color:#372107;
}
.sound-noprize .no-prizecon .noprize-wordt{
	margin-top:5%;
}
/*中奖页面*/
.sound-prize{
	width:100%;
	height:100%;
	background:url(http://s10.realdtech.com/xws/house-richer/sound-game/img/bj.png) center no-repeat;
	background-size:100% 100%;
	position: absolute;
	top:0;
	left:0;
	display:none;
}
.sound-prize .prize-con{
	width:82%;
	height:45%;
	background:(0,0,0,0.7);
	position: absolute;
	top:38%;
	left:50%;
	margin-left:-41%;
	z-index:2;
}
.sound-prize .prize-con p{
	text-align: center;
	font-size:12px;
	line-height:18px;
}
.sound-prize .prize-con .prize-img{
	width:80%;
	height:100px;
	margin:3% auto 7% auto;
	position: relative;
}
.sound-prize .prize-con .prize-img img:nth-child(1){
	display: block;
	width:100%;
	position:absolute;
	top:0;
	left: 50%;
	margin-left:-33%;
}
.sound-prize .prize-con .prize-img img:nth-child(2){
	display: block;
	width:34%;
	position:absolute;
	top:24%;
	left: 50%;
	margin-left:-14%;
}
/*筛子加奖品*/
.sound-prizeall{
	width:100%;
	height:100%;
	background:url(http://s10.realdtech.com/xws/house-richer/sound-game/img/bj.png) center no-repeat;
	background-size:100% 100%;
	position: absolute;
	top:0;
	left:0;
	display:none;
}
.sound-prizeall .prizeall-con{
	width:82%;
	height:45%;
	background:(0,0,0,0.7);
	position: absolute;
	top:38%;
	left:50%;
	margin-left:-41%;
	z-index:2;
}
.sound-prizeall .prizeall-con .prize-img{
	width:80%;
	height:100px;
	position: relative;
}
.sound-prizeall .prizeall-con .prize-img img:nth-child(1){
	display: block;
	width:100%;
	position:absolute;
	top:-5%;
	left: 50%;
	margin-left:-18%;
}
.sound-prizeall .prizeall-con .prize-img img:nth-child(2){
	display: block;
	width:34%;
	position:absolute;
	top:20%;
	left: 50%;
	margin-left:2%;
}
.sound-prizeall .prizeall-con .prize-all{
	width:100%;
	position: relative;
	margin-top:5%;
	color:#4d3c2c;
}
.sound-prizeall .prizeall-con .prize-all p{
	font-size:12px;
	text-align: center;
}
.sound-prizeall .prizeall-con .prize-all p:nth-child(5){
	font-size:14px;
	color:#ed542b;
	font-weight:bold;
	padding:10px 0;
}
.sound-prizeall .prizeall-con .prize-all img{
	display:block;
	width:30%;
	position:absolute;
	top: -14%;
	left:5%;
	z-index:-1;
}
@media only screen and (width:320px ) {
	.sound-prizeall .prizeall-con .prize-img img:nth-child(1){
		top:-14%;
	}
	.sound-prizeall .prizeall-con .prize-img img:nth-child(2){
		top:9%;
	}
	.sound-prizeall .prizeall-con .prize-all{
		margin-top:-5%;
	}
	.sound-prizeall .prizeall-con .prize-all p:nth-child(5){
		font-size:13px;
		padding:2px 0;
	}
}

































